//获取操作对象
var div1=document.querySelector('#div1')
console.log(div1);
//获取地址栏中的信息
var search1=location.search
var data//存放当前商品信息
//判断地址栏中是否有参数
if(search1){
    //分割字符串，转为数组，并获取id值
    var id1=search1.split('=')[1];
    //使用自执行函数获取响应结果
    (async function(){
        //获取响应结果
        data=await PromiseAjax({
            url:'../php/xiangqing.php',
            data:'id='+id1
        })
        //把接收到的数据转为json对象
        data=eval('('+data+')')
        //给当前商品设置详情信息
        var str=`
        <div class="panel-heading">详细信息</div>
        <div class="panel-body">
            <div class="media">
               <div id="box">
                    <div class="media-left media-middle" id="small">
                        <a href="#">
                            <img class="media-object" id="bigImg" src="${data.goods_small_logo}" width="200">
                        </a>
                        <div id="mask"></div>
                        </div>
                        <div class="media-big " id="big">
                        <a href="#">
                            <img class="media-object" id="bigImg"src="${data.goods_small_logo}" >
                        </a>
                    </div>
               </div>
    
                <div class="media-body">
                  <h2 class="media-heading">${data.cat_id}</h2>
                  <h2>${data.cat_two_id}</h2>
                  
                  <br/><br/>
                  <a href="./06cart.html" class="btn btn-primary" role="button">立即购买</a>
                  <a href="./06cart.html" class="btn btn-default" role="button">加入购物车</a>
                </div>
            </div>
            <br/>
            <ul class="nav nav-tabs">
                <li role="presentation" class="active"><a href="#">商品详情</a></li>
                <li role="presentation"><a href="#">商品属性</a></li>
                <li role="presentation"><a href="#">累计评价</a></li>
            </ul>
            ${data.goods_introduce}
        </div>
        `
        //把当前设置完毕的信息，渲染到大盒子中
        div1.innerHTML=str
    })()
}
// else{
//     alert('非法进入')
//     //重新跳回列表页
//     location='./04list.html'
// }

//给大盒子对象添加点击事件
div1.onclick=function(){
    //获取localStorage中的cartList键值
    var cartList=localStorage.getItem("cartList")||[]
    //判断当前数组的长度是否大于0
    if(cartList.length>0){
        //把当前cartList转为数组对象
        cartList=eval('('+cartList+')')
        var bool=false //验证当前商品是否在locaStrong中存在
        //遍历当前数组
        cartList.forEach(item=>{
            //判断遍历出来的商品是否跟当前要添加的商品一致
            if(item.goods_id==data.goods_id){
                item.cart_number+=1
                bool=true
                 //重新给locaStrong赋值
                localStorage.setItem("cartList",JSON.stringify(cartList))
            }
        })

        if(!bool){
            //修改当前商品数量
            data.cart_number=1
            //直接把当前商品追加到cartList数组中
            cartList.push(data)
             //重新给locaStrong赋值
            localStorage.setItem("cartList",JSON.stringify(cartList))
        }
    }else{
        //修改当前商品数量
        data.cart_number=1
        //把当前商品信息追加到数组中
        cartList.push(data)
        //重新给locaStrong赋值
        localStorage.setItem("cartList",JSON.stringify(cartList))
    }
}
